/*------------------------------------------------------------------
[Table of contents]

1. Font Face
2. Common Fonts
3. Body and General Styles
4. Typography
5. Header / #header
6. Content / #content
7. Countdown / .counter-section
8. Social / .social-links
9. Feedback / #feedback

-------------------------------------------------------------------*/

/* 1. Font Face Start
-------------------------------------------------- */

@font-face {
    font-family: 'oswald_stencilbold';
    src: url('../fonts/oswald-stencil-webfont.eot');
    src: url('../fonts/oswald-stencil-webfont-1.eot') format('embedded-opentype'),
         url('../fonts/oswald-stencil-webfont.woff2') format('woff2'),
         url('../fonts/oswald-stencil-webfont.woff') format('woff'),
         url('../fonts/oswald-stencil-webfont.ttf') format('truetype'),
         url('../fonts/oswald-stencil-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 1. Font Face End
-------------------------------------------------- */

/* 2. Common Fonts Start
-------------------------------------------------- */

body {font-family: 'Raleway', sans-serif;}

/* 2. Common Font End
-------------------------------------------------- */

/* 3. Body and General Styles Start
-------------------------------------------------- */
body {font-size:16px;line-height:20px;color:#fff; overflow:hidden;}
a,
a:hover,
a:focus { outline:none; text-decoration:none;}
.btn-default { color:#c2c2c2; background-color:transparent; border-color:#d70060;text-transform:uppercase; border-radius:0; font-size:16px; height:50px; padding:0 15px; box-shadow:none; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active { background:#d70060; border-color:#d70060; color:#fff; box-shadow:none;}

/* Purple Color */
.section-header h4 {color:#d70060;}

/* 3. Body and General Styles End
-------------------------------------------------- */

/* 4. Typography Start
-------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color:#fff; }
h1{ font-size:50px; }
h4 { font-size:30px;}
h5 { font-size:25px; }
h6 { font-size:20px; }
p { color:#fff;}

/* 4. Typography End
-------------------------------------------------- */

/* 5. Header / #header Start
-------------------------------------------------- */

.navbar-default{background-color:transparent;border:none;margin:0;position:absolute;left:0;right:0;top:0;z-index:1;}
.navbar-header { float:none; text-align:center; margin-bottom:0; margin-top:20px; }
.container .navbar-brand { float:none; margin:0;}
.navbar-brand > img{display:inline-block; max-width:100%; }

/* 5. Header End
-------------------------------------------------- */

/* 6. Content / #content Start
-------------------------------------------------- */

.subscription-section .content-one { position:relative; top:0;}
.subscription-section .content-one.count-opacity {opacity:0;top:200px;}
.section-header h4 { margin-bottom:15px; margin-top:0; text-transform:uppercase; }
.section-header p { font-size:25px; }
.section-header .section-border { background:#6f6f6f; height:1px; width:68px; position:relative; margin:0 auto; }
.section-header .section-border:after { position:absolute; content:''; width:12px; height:12px; background:#6f6f6f; left:50%; margin-left:-6px; bottom:-5px;}
.subscribe { max-width:520px; margin:0 auto; position:relative; }
.subscribe-title { font-size:20px; text-transform:uppercase; display:inline-block; width:100%; text-align:center; line-height:30px; }
.subscribe .input-group { margin-top:22px; position:relative; width:100%;}
.subscribe .input-group .form-control { font-size:16px; height:50px; background-color:transparent; padding:0 15px 0 15px; box-shadow:none; color:#a2a2a2; border-radius:0; border-width:0 0 1px 0; border-color:#d70060; }
.subscribe .input-group .form-control:focus { box-shadow:none;}
.subscribe .input-group .btn-default { min-width:108px; margin-left:20px; }
.subscribe .input-group .help-block{position:absolute;left:14px;right:0;bottom:-23px;margin:0;}

.section-block{bottom:0;}
.section-block.full-top{top:100%;}
.section-block { background-color:#210d28;overflow:auto;position:absolute;left:0;right:0;top:0;}
.section-block h1 { margin:0 0 33px; text-transform:uppercase;}
.section-block .section-header p { max-width:550px; margin:0 auto; font-size:20px; color:#909090; line-height:30px; }
.section-block .section-header span { color:#fff; font-size:20px; line-height:30px; }

.scroll-next { border:1px solid #535353; padding:0 20px; line-height:40px; color:#c2c2c2; display:inline-block; position:absolute; bottom:0; left:50%; margin-left:-55px; min-width:110px; text-transform:uppercase; }
.scroll-next:hover,
.scroll-next:focus { background-color:#d70060; border-color:#d70060; color:#fff; outline:none; text-decoration:none;}
.close-section { position:absolute; right:20px; top:20px; width:16px; height:20px; padding:0; background-color:transparent;border:none;font-size:25px; color:#909090; z-index:9999; outline:none;}
.close-section:hover,
.close-section:focus,
.close-section:active{color:#fff;}
.section-overlay { display:table-cell; padding-bottom:70px; position:relative; vertical-align:middle; width:1%; padding-top:100px;}
.full-block-contact { padding-bottom:0;}

/* 6. Content End
-------------------------------------------------- */

/* 7. Countdown / .counter-section Start
-------------------------------------------------- */

.counter-section { width:100%; text-align:center; display:inline-block; color:#fff; margin-top:25px; margin-bottom:40px; }
.counter-section ul { padding:0; margin:0; position:relative; opacity:1; top:0; }
.counter-section ul li { display:inline-block; margin: 0; list-style-type: none; }
.counter-section ul li span { font-size:80px; display:inline-block; line-height:114px; font-family: 'oswald_stencilbold'; min-width:140px;  }
.counter-section ul li p { font-size:18px; line-height:30px; margin:7px 0 0; color:#909090; }

/* 7. Countdown End
-------------------------------------------------- */

/* 8. Social / .social-links Start
-------------------------------------------------- */

.social-links { margin-top:40px;}
.social-links ul { padding:0; margin:0; display:inline-block; vertical-align:middle; }
.social-links ul li { list-style:none; float:left; margin:0 3px; }
.social-links ul li a { height:40px; width:40px; line-height:40px; color:#979797; text-align:center; display:block; border:1px solid #535353; background-color:transparent; font-size:18px; }
.social-links ul li a:hover,
.social-links ul li a:focus { background-color:#d70060; border-color:#d70060; color:#fff; }

/* 8. Social End
-------------------------------------------------- */

/* 9. Feedback / #feedback Start
-------------------------------------------------- */

#feedback{z-index:99;}
.feedback-form,
.contact-detail { margin-top:50px;}
.feedback-form .form-control { height:40px; padding:0 10px; color:#666666; background-color:transparent; border-radius:0; border-width:0 0 1px 0; border-color:#464646; }
.feedback-form .form-control:focus { box-shadow:none; border-color:#d70060; }
.feedback-form textarea.form-control{height:120px;resize:none;}
.feedback-form .btn-default { min-width:100px; }
.contact-detail h5 { margin-top:7px;margin-bottom:25px; text-transform:uppercase;}
.contact-detail address { line-height:inherit;}
.contact-detail p { padding-left:25px;position:relative;margin-bottom:14px;color:#909090; line-height:20px;}
.contact-detail p em { position:absolute; left:0; top:3px; font-size:18px;}
.contact-detail p a { color:inherit;}

/* 9. Feedback End
-------------------------------------------------- */

/* Responsive Style Start
-------------------------------------------------- */
@media (max-width: 767px) {

/* 4. Typography Start
-------------------------------------------------- */

h1{ font-size:30px; }
h4 { font-size:20px;}

/* 4. Typography End
-------------------------------------------------- */

/* 5. Header / #header Start
-------------------------------------------------- */

.navbar-header { margin:30px 0; padding:0 30px;} 

/* 5. Header End
-------------------------------------------------- */

/* 6. Content / #content Start
-------------------------------------------------- */

.social-links { margin-top:20px;}
.section-header p,
.subscribe-title { font-size:16px;}
.subscribe .input-group { margin-top:12px;margin-bottom:40px;}
.section-block h1 { margin:15px 0;}
.feedback-form, .contact-detail { margin-top:30px;}

/* 6. Content End
-------------------------------------------------- */

/* 7. Countdown / .counter-section Start
-------------------------------------------------- */

.counter-section { margin-bottom:20px;}
.counter-section ul li span { font-size:60px; line-height:64px; min-width:100px;}
.counter-section ul li p { font-size:14px; line-height:20px;}

/* 7. Countdown End
-------------------------------------------------- */

}

@media (max-width: 480px) {

/* 5. Header / #header Start
-------------------------------------------------- */

.navbar-header { margin:20px 0;padding:0 15px}

/* 5. Header / #header End
-------------------------------------------------- */

/* 7. Countdown / .counter-section Start
-------------------------------------------------- */

.counter-section ul li span { font-size:30px; line-height:34px; min-width:60px;}

/* 7. Countdown End
-------------------------------------------------- */

}

@media (max-width: 420px) {

/* 6. Content / #content Start
-------------------------------------------------- */

.section-overlay { padding-top:70px;}

/* 6. Content End
-------------------------------------------------- */

}